<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>滴答办公系统-学员新增</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/media/layui/css/layui.css" media="all">
<script type="text/javascript" src="/media/js/jquery.min.js"></script>
</head>
<body>
	<div class="layui-container" style="margin-top: 5px">
		<form class="layui-form" action="studentadd.do" method="post">
			<div class="layui-form-item">
				<label class="layui-form-label">学员账号</label>
				<div class="layui-input-inline">
					<input type="text" name="no" lay-verify="required" autocomplete="off"
						placeholder="请输入账号" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">学员姓名</label>
				<div class="layui-input-inline">
					<input type="text" name="name" lay-verify="name" autocomplete="off"
						placeholder="请输入姓名" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">所属班级</label>
				<div class="layui-input-inline">
					<select name="gid" id="cds">
						<option value="-1">--请选择班级--</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">性别</label>
				<div class="layui-input-block">
					<input type="radio" name="sex" value="男" title="男" checked>
					<input type="radio" name="sex" value="女" title="女">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">邮箱</label>
				<div class="layui-input-inline">
					<input type="text" name="email" lay-verify="required"
						placeholder="请输入有效" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">手机号</label>
				<div class="layui-input-inline">
					<input type="text" name="phone" lay-verify="required"
						placeholder="请输入手机号" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">QQ</label>
				<div class="layui-input-inline">
					<input type="text" name="qq" lay-verify="required"
						placeholder="请输入QQ" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">身份证号</label>
				<div class="layui-input-inline">
					<input type="text" name="cardno" lay-verify="required"
						placeholder="请输入身份证号" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">毕业学校</label>
				<div class="layui-input-inline">
					<input type="text" name="school" lay-verify="required"
						placeholder="请输入毕业学校" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">学历</label>
				<div class="layui-input-inline">
					<select name="education">
						<option value="初中">初中</option>
						<option value="高中">高中</option>
						<option value="专科">专科</option>
						<option value="本科">本科</option>
						<option value="硕士">硕士</option>
						<option value="博士">博士</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">出生日期</label>
				<div class="layui-input-inline">
					<input type="text" name="birthday" id="date1" autocomplete="off"
						class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">入学日期</label>
				<div class="layui-input-inline">
					<input type="text" name="createdate" id="date2" autocomplete="off"
						class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<input class="layui-btn"  style="margin-left: 10%" id="btn1" type="button"
					value="确认新增" onclick="addStudent()">
			</div>
		</form>
	</div>


	<script src="/media/layui/layui.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.4.3/layui.all.js"></script>
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
	<script>
	    var form;
		layui.use(
					[ 'form','upload', 'layedit', 'laydate' ],
					function() {
						form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate;
						var upload = layui.upload;
						//日期
						laydate.render({
							elem : '#date1'
						});
						laydate.render({
							elem : '#date2'
						});
			 initData();
		});
        function initData() {
            $.getJSON("/getMajor", null, function (arr) {
                for (i = 0; i < arr.length; i++) {
                    $("#cds").append("<option value='" + arr[i].id + "'>" + arr[i].majorName + "</option>");
                }
                form.render("select");
            });
        }
		function addStudent() {
			var no = $("[name = 'no']").val();
			var name = $("[name = 'name']").val();
			var classId = $("[name = 'gid']").val();
			var sex = $("[name = 'sex']").val();
			var email = $("[name = 'email']").val();
			var phone = $("[name = 'phone']").val();
			var qq = $("[name = 'qq']").val();
			var cardno = $("[name = 'cardno']").val();
			var school = $("[name = 'school']").val();
			var education = $("[name = 'education']").val();
			var birthday = $("[name = 'birthday']").val();
			var createdate = $("[name = 'createdate']").val();
			console.log(no)
			$.getJSON("/addStudent", {
				"no": no,
				"name": name,
				"classId": classId,
				"sex": sex,
				"email": email,
				"qq": qq,
				"cardno": cardno,
				"school": school,
				"education": education,
				"birthday": birthday,
				"createdate": createdate,
				"phone": phone,
			}, function (result) {
				if (result.status == 200){
					layer.msg(result.message)
					location.href="/studentPageList/1/5"
				}else{
					layer.msg(result.message)
					var no = $("[name = 'no']").val("");
				}

			})
		}

    </script>
</body>
</html>